﻿@model WebApp.Models.IndexViewModels

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
        }

        .hots {
            overflow: hidden;
            margin: 0 0 20px;
            padding: 8px 0 0 15px;
            background: #fff;
        }

            .hots .picItem {
                overflow: hidden;
                float: left;
                margin: 0 10px 3px 0;
                display: inline;
                color: #535353;
                list-style-type: none;
            }

                .hots .picItem p {
                    margin: 0;
                    padding: 0;
                }

                .hots .picItem .image img, .hots .picItem .text {
                    width: 98px;
                    //这里修改图片和标题的宽度;
                }

                .hots .picItem .image img {
                    height: 94px;
                    padding: 2px;
                    border: 1px solid #ddd;
                }

                .hots .picItem .text {
                    overflow: hidden;
                    height: 14px;
                    line-height: 14px;
                    padding-left: 3px;
                }

                .hots .picItem a {
                    color: #000000;
                    cursor: pointer;
                    outline: none;
                    text-decoration: none;
                    font-size: 12px;
                }

                    .hots .picItem a:hover {
                        color: #ef4b4b;
                    }

                .hots .picItem .analytics {
                    padding: 0 3px;
                    color: #ccc;
                    font-size: 12px;
                }

        .video {
            position: relative;
        }

            .video object,
            .video embed {
                display: none;
            }

            .video a.video-link {
                position: absolute !important;
                left: 0 !important;
                top: 0 !important;
                width: 100% !important;
                height: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                border: none !important;
                background: url(about:blank) !important;
            }

        .default .itemTitle span {
            text-indent: -9999px;
            _text-indent: 0;
            _line-height: 9999px;
        }
    </style>
</head>
<body>
    <ul class="hots">
        @foreach (var item in Model.HotContents)
        {
            <li class="picItem">
                <p class="image">
                    <a href="/view/@Html.Raw(item.Seed/1000)@Html.Raw("/")@Html.Raw(item.Seed)@Html.Raw(".html")" 
                       target="_blank" 
                       title="《@Html.Raw(item.Name)》高清迅雷下载">
                        <img src="@Html.Raw(item.ImgUrl)">
                    </a>
                </p>
                <p class="text">
                    <a href="/view/@Html.Raw(item.Seed/1000)@Html.Raw("/")@Html.Raw(item.Seed)@Html.Raw(".html")" 
                       target="_blank"
                       title="《@Html.Raw(item.Name)》高清迅雷下载" >
                        《@Html.Raw(item.Name)》高清迅雷下载
                    </a>
                </p>
            </li>
        }

    </ul>
</body>
</html>